// 配置项
@import './config.scss';
// 阿里图标库
@font-face {
  font-family: 'iconfont';  /* Project id 3125881 */
  src: url('//at.alicdn.com/t/font_3125881_bkv6w71woa7.woff2?t=1641623295866') format('woff2'),
       url('//at.alicdn.com/t/font_3125881_bkv6w71woa7.woff?t=1641623295866') format('woff'),
       url('//at.alicdn.com/t/font_3125881_bkv6w71woa7.ttf?t=1641623295866') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
// 原生样式覆写

uni-radio .uni-radio-input{
	width: 32rpx;
	height: 32rpx;
	background: #FFFFFF;
	border: 2rpx solid #333333;
}
.uni-radio-input-checked{
	background-color:#fff!important;
	border-color:$theme!important;
	display:flex;
	align-items: center;
	justify-content: center;
}
uni-radio .uni-radio-input.uni-radio-input-checked:before{
	content:'';
	background:$theme;
	width:80%;
	height:80%;
	position: initial;
	border-radius:50%;
	transform:initial;
	-webkit-transform:initial;
}
page {
	font-size: 30rpx;
	min-height: 100%;
	overflow-x: hidden;
	font-family: PingFangSC-Regular, PingFang SC;
	background-color: #FAFAFA;
}
view,text,picker,input,div,textarea {
	box-sizing: border-box;
	scrollbar-width: none;
	-moz-appearance: textfield;
	flex-shrink: 0
}
::-webkit-scrollbar {
  display: none;
}
/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none; 
    margin: 0; 
}
/* 火狐 */
input{
    -moz-appearance:textfield!important;
}
// 弹性盒模型主要样式
.center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex1 {
	flex: 1;
	width: 0;
	overflow: hidden;
}

.fWrap {
	@extend .center;
	flex-wrap: wrap !important;
}

.colum {
	@extend .center;
	flex-direction: column;
}
.space-around {
	@extend .center;
	justify-content: space-around !important;
}
.space-between {
	@extend .center;
	justify-content: space-between !important;
}

.flex-end {
	@extend .center;
	justify-content: flex-end !important;
}

.flex-start {
	@extend .center;
	justify-content: flex-start;
}
.align-end {
	@extend .center;
	align-items: flex-end !important;
}

.align-start {
	@extend .center;
	align-items: flex-start;
}
// 字体换行主题色等其他公共样式
.h100 {
	height: 100%;
}
.w100{
	width: 100%;
}
.disInline{
	display:inline-block;
}
.nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tCenter {
	text-align: center;
}

.tRight {
	text-align: right;
}

.noBorder {
	border: none !important;
}

.btheme {
	background-color: $theme !important;
}
.bor25{
	border-radius: 25rpx;
}
.bor50 {
	border-radius: 50%;
}
.bfff {
	background-color: #ffffff !important;
}
.ctheme {
	color: $theme !important;
}

.posr {
	position: relative;
}
.posa {
	position: absolute;
}
.posf {
	position: fixed;
}
// 弹出蒙层样式
.alert-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 999;
	transition: all 0.3s;
}
.scale_show {
	opacity: 1;
	transform: scale(1);
	transition: all 0.3s;
}
.scale_hide {
	opacity: 0;
	transform: scale(0);
	transition: all 0.3s;
}

.trans_show {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.3s;
}
.trans_hide {
	opacity: 0;
	transform: translateY(100%);
	transition: all 0.3s;
}

.scale_show {
	opacity: 1;
	transform: scaleY(1);
	transition: all 0.3s;
	transform-origin:50% 0;
}
.scale_hide {
	opacity: 0;
	transform: scaleY(0);
	transition: all 0.3s;
	transform-origin:50% 0;
}
.trans{
	transition: all 0.2s;
}
// 字体大小公共类,包含所有主要字体大小
.f18 {
	font-size: 18rpx;
}

.f20 {
	font-size: 24rpx;
}

.f22 {
	font-size: 22rpx;
}

.f24 {
	font-size: 24rpx;
}

.f26 {
	font-size: 26rpx;
}

.f28 {
	font-size: 28rpx;
}

.f30 {
	font-size: 30rpx;
}

.f32 {
	font-size: 32rpx;
}

.f35 {
	font-size: 34rpx;
}

.f36 {
	font-size: 36rpx;
}

.f40 {
	font-size: 40rpx;
}

.f46 {
	font-size: 46rpx;
}

// 主要字体颜色
.c333 {
	color: #333333;
}
.cred{
	color:#E31B1BFF ;
}
.c666 {
	color: #666666;
}

.c999 {
	color: #999999;
}

.cfff {
	color: #ffffff !important;
}

.fbold {
	font-weight: 700;
}
.line2{
	text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
}
.ml5 {
		margin-left: 5rpx;
	}
	
	.mr5 {
		margin-right: 5rpx;
	}
	
	.mt5 {
		margin-top: 5rpx;
	}
	
	.mb5 {
		margin-bottom: 5rpx;
	}
	
	.ml10 {
		margin-left: 10rpx;
	}
	
	.mr10 {
		margin-right: 10rpx;
	}
	
	.mt10 {
		margin-top: 10rpx;
	}
	
	.mb10 {
		margin-bottom: 10rpx;
	}
	
	.ml15 {
		margin-left: 15rpx;
	}
	
	.mr15 {
		margin-right: 15rpx;
	}
	
	.mt15 {
		margin-top: 15rpx;
	}
	
	.mb15 {
		margin-bottom: 15rpx;
	}
	
	.ml20 {
		margin-left: 20rpx;
	}
	
	.mr20 {
		margin-right: 20rpx;
	}
	
	.mt20 {
		margin-top: 20rpx;
	}
	
	.mb20 {
		margin-bottom: 20rpx;
	}
	
	.mr25 {
		margin-right: 25rpx;
	}
	
	.mt25 {
		margin-top: 25rpx;
	}
	
	.ml30 {
		margin-left: 30rpx;
	}
	
	.mr30 {
		margin-right: 30rpx;
	}
	
	.mt30 {
		margin-top: 30rpx;
	}
	
	.mb30 {
		margin-bottom: 30rpx;
	}
	.ml40 {
		margin-left: 40rpx;
	}
	
	.mr40 {
		margin-right: 40rpx;
	}
	
	.mt40 {
		margin-top: 40rpx;
	}
	
	.mb40 {
		margin-bottom: 40rpx;
	}
	.ml50 {
		margin-left: 50rpx;
	}
	
	.mr50 {
		margin-right: 50rpx;
	}
	
	.mt50 {
		margin-top: 50rpx;
	}
	
	.mb50 {
		margin-bottom: 50rpx;
	}
.uni-select__input-text{
	text-align: right;
}
.uni-select{
	border: 0!important;
	box-shadow: none;
}
.uni-select__input-placeholder{
	color: rgb(192, 196, 204)!important;
	font-size: 15px!important;
}
.submit-btn{
	margin: 40rpx 32rpx 0;
	width: auto!important;
	height: 100rpx!important;
	background: #408CFF!important;
	
border-radius: 16rpx!important;
}
.uni-popper__arrow{
	right: 6%;
	left: auto!important;
}
.u-form-item__body__right__message{
	text-align: right;
}